var toplistr=new XMLHttpRequest();
toplistr.open('get','js/top_list.php',true);
toplistr.send();
window.onload=function(){
	console.log(document.getElementsByTagName('body')[0]);
	toplistr.onreadystatechange=function(){
		if(toplistr.readyState==4&&toplistr.status==200)
		{
			var toplist=toplistr.responseText;
			console.log(toplist)
			toplist=JSON.parse(toplist);
			var main=new Vue({
				el:'.main',
				data:{
					chartlist1:[{img:'img/chartlist1-1.jpg',chartname:'云音乐飙升榜',updatetime:'每天更新',choose:true},
						{img:'img/chartlist1-2.jpg',chartname:'云音乐新歌榜',updatetime:'每天更新',choose:false},
						{img:'img/chartlist1-3.jpg',chartname:'网易云原创歌曲榜',updatetime:'每周四更新',choose:false},
						{img:'img/chartlist1-4.jpg',chartname:'云音乐热歌榜',updatetime:'每周四更新',choose:false},],
					chartlist2:[{img:'img/chartlist2-1.jpg',chartname:'云音乐新歌榜',updatetime:'每天更新',choose:false},
						{img:'img/chartlist2-2.jpg',chartname:'云音乐新歌榜',updatetime:'每天更新',choose:false},
						{img:'img/chartlist2-3.jpg',chartname:'云音乐新歌榜',updatetime:'每天更新',choose:false},
						{img:'img/chartlist2-4.jpg',chartname:'云音乐新歌榜',updatetime:'每天更新',choose:false},
						{img:'img/chartlist2-5.jpg',chartname:'云音乐新歌榜',updatetime:'每天更新',choose:false},
						{img:'img/chartlist2-6.jpg',chartname:'云音乐新歌榜',updatetime:'每天更新',choose:false},
						{img:'img/chartlist2-7.jpg',chartname:'云音乐新歌榜',updatetime:'每天更新',choose:false},
						{img:'img/chartlist2-8.jpg',chartname:'云音乐新歌榜',updatetime:'每天更新',choose:false},
						{img:'img/chartlist2-9.jpg',chartname:'云音乐新歌榜',updatetime:'每天更新',choose:false},
						{img:'img/chartlist2-10.jpg',chartname:'云音乐新歌榜',updatetime:'每天更新',choose:false},
						{img:'img/chartlist2-11.jpg',chartname:'云音乐新歌榜',updatetime:'每天更新',choose:false},],
					buttonlist:[{txt:'(693847)',bgpos:'0 -977px'},
						{txt:'(7847)',bgpos:'0 -1225px'},
						{txt:'下载',bgpos:'0 -2761px'},
						{txt:'(10885)',bgpos:'0 -1465px'}],
					songlist:toplist,
					},
				methods:{
					choosed:function(item){
						for(var i=0;i<4;i++ )
						{	
							this.chartlist1[i].choose=false;
						}
						for(var i=0;i<11;i++ )
						{
							this.chartlist2[i].choose=false;
						}
						item.choose=true;
					}
				}
			});
			document.getElementsByTagName('body')[0].style.display='block';
			console.log(document.getElementsByTagName('body')[0]);
		}	
	};
} 
